<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <title></title>
  <script src="../js/mui.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="../js/tools.js"></script>
  <link href="css/mui.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="css/real_name.min.css?v=1.0">
</head>

<body>
  <div class="wrap" id="app">
    <!-- 内容 -->
    <div class="self_main">
      <!-- 图标 -->
      <div class="iconbox">
        <img :src="ossImgUrl+'icon_prove.png'" alt="">
      </div>
      <!-- 容器 -->
      <div class="wrapbox">
        <!-- 协议内容 -->
        <div class="titlexy">为满足您的业务需求，需要您使用认证服务并在完成后授权其采集如下信息：</div>
        <ul class="ulxy">
          <li>组织机构名称及统一社会信用代码或工商注册号</li>
          <li>法定代表人姓名及证件号</li>
          <li>经办人姓名及证件号</li>
          <li>网络运营商注册手机号（仅手机认证获取）</li>
          <li>操作人人脸视频（仅人脸识别获取）</li>
          <li>银行开户名、开户行、开户账号</li>
        </ul>
        <!-- 操作 -->
        <div class="hasnodu">
          <img v-if="!isAgree" :src="ossImgUrl+'btn_select_pre.png'" @click="isAgree=true;flag=true">
          <img v-else :src="ossImgUrl+'btn_select.png'" @click="isAgree=false;flag=false">
          <span>我已阅读并同意</span>
          <span class="red" @click="toServiceXieyi">《实名认证服务协议》</span>
        </div>
      </div>
    </div>
    <!-- 阅读同意实名认证弹窗 -->
    <div class="readWrap hide" :class="isOk&&'show'">
      <div class="readdialog">
        <div class="readtext">请先阅读并同意《实名认证服务协议》</div>
        <div class="readconfirm" @click="readconfirm">确定</div>
      </div>
    </div>
    <!-- 开始认证 -->
    <div class="nextstep" :class="!flag&&'opacity'" @click="submit">
      <p class="nextmsg">开始认证</p>
    </div>
  </div>
</body>

<script src="../js/flex.js"></script>
<script src="../js/jquery-3.4.1.js"></script>
<script src="js/real_name.js"></script>

</html>